<template>
	<div>
		<div id="cesiumContainer"></div>
		<router-view></router-view>
	</div>
</template>

<script>
/* global viewer Cesium */
import viewerInit from '../../cesiumPlugin/viewerInit'
import LayerManager from '../../cesiumPlugin/layerManager'
// import layerModel from '../../cesiumPlugin/layerModel'
export default {
	mounted() {
		viewerInit()
		window.layerManager = new LayerManager(viewer)
		viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK)
		// layerModel()
		viewer.camera.flyTo({
			destination: Cesium.Cartesian3.fromDegrees(109.83, 19.1, 400000),
			duration: 0.1
		})
		viewer.scene.screenSpaceCameraController.enableRotate = false
	}
}
</script>

<style lang="scss">
#cesiumContainer {
	// width: calc(100% - 0.2rem);
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 0;
	// top: 0.1rem;
	// left: 0.1rem;
}
</style>